<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>毕业合影</title>
    <meta name="viewport", content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta content="" name="keywords">
    <meta content="" name="description">
    <link rel="stylesheet" href="./index.css">

</head>
<body>
    <!-- 功能栏 -->
    <div class="function-bar">
        <ul class="btn-list">
            <li>
                <div class="hy-style-btn" id="uploadPictures_btn">上传图片</div>
            </li>
            <li>
                <div class="hy-style-btn" id="sizeAdaptation_btn">尺寸自适应</div>
            </li>
            <li>
                <input type="text" class="edit-input" id="changeTextInfo" value="2023第一期造价员就业班合影" placeholder="请输入班级名称">
            </li>
            <li>
                <div class="hy-style-btn" id="downloadPictures_btn">下载</div>
            </li>
        </ul>
    </div>

    <!-- 显示面板 -->
    <div class="display-panel">
        <div class="poster-box">
            <div class="canvas-box" id="canvasBox" style="zoom: 0.4;">
                <div class="mask"></div>
                <canvas width="1920" height="1280" id="posterPanel">你的浏览器不支持此功能，请更新浏览器后重试！</canvas>
                <div class="operation-box">
                    <div id="operationPanel" style="width: 1920px;height: 1280px;">
                        <div id="operationMove"></div>
                        <div class="zoom-btn" id="zoom_left_top"></div>
                        <div class="zoom-btn" id="zoom_right_top"></div>
                        <div class="zoom-btn" id="zoom_left_bottom"></div>
                        <div class="zoom-btn" id="zoom_right_bottom"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部功能栏 -->
    <!-- <div class="footer">

    </div> -->
    <script type="text/javascript" src="./jquery-2.0.3.min.js"></script>
    <script type="text/javascript" src="./hy_image_editing.min.js"></script>
    <script type="text/javascript" src="./index.js"></script>
</body>
</html>